<template>
  <div class="q-pa-md">
    <t-card style="max-width: 300px">
      <t-item>
        <t-item-section avatar>
          <t-skeleton type="QAvatar" />
        </t-item-section>

        <t-item-section>
          <t-item-label>
            <t-skeleton type="text" />
          </t-item-label>
          <t-item-label caption>
            <t-skeleton type="text" />
          </t-item-label>
        </t-item-section>
      </t-item>

      <t-skeleton height="200px" square />

      <t-card-actions align="right" class="q-gutter-md">
        <t-skeleton type="QBtn" />
        <t-skeleton type="QBtn" />
      </t-card-actions>
    </t-card>
  </div>
</template>
